<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html">首页</a></li>
            <li><a href="/training-plan.html" class="active">培训计划</a></li>
            <li><a href="/complete-plan.html">个人中心</a></li>
            <li><a href="/teacher-resources.html">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
    <!--head---end-->
    <div class="train-plan">
        <div class="container">
          <div class="small-train">培训计划</div>
          <div class="train-obj">
              <ul>
                  <li class="one"><span>培训对象</span><a href="" class="active">全部</a><a href="">特别作业人员</a><a href="">安全管理人员</a><a href="">主要负责人</a></li>
                  <li><span>作业类别</span><select name="" >

                      <option value=""></option>

                  </select></li>
                  <li><span>准操项目</span><select name="" ><option value=""></option></select></li>
                  <li><span>单位类型</span><select name="" ><option value=""></option></select></li>
                  <li><span>考核性质</span><a href="" class="active">全部</a><a href="">复审</a><a href="">初领</a><a href="">换证</a></li>
                  <li class="bott"><form class="sui-form form-horizontal">
                    <div data-toggle="datepicker" class="control-group input-daterange">
               <label class="control-label">时间范围</label>
                    <div class="controls">
                    <input type="text" class="input-medium input-date"><i>&nbsp&nbsp至&nbsp</i>
                   <input type="text" class="input-medium input-date">
                     </div>
                 </div>
            </form>
 </li>
 <li class="search bott clearfix"><span class="guanjian">关键词</span><input type="text"><div class="clearfix"><img src="images/search.png" alt=""></div></li>
              </ul>
          </div>
        </div>
    </div>
    <div class="first-new train-pl-f">
    <div class="container" ms-controller="trainPlansByCondition">
            <ul class="train-p-l" ms-for ="el in @data.page.rows" >
                <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">主要负责人-危险运营单位-2016001</div>
                          <p>{{el.synopsis}}</p>
                          <div class="clearfix"><i>￥{{el.price}}</i><span>{{el.peopleNum}}人学习</span><span class="das">|</span><span>{{el.classTime}}课时</span><span class="das">|</span><span>截止时间：{{@strTime(el.endTime)}}</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：{{el.objName}}</p>
                          <p>单位类型：{{el.baseUnit.name}}</p>
                          <p>考核性质：{{el.baseExam.name}}</p>
                          </div>
                      </div>
                  </div>
                </li>
                <!-- <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p  train-d"><img src="images/home_label_new.png" alt="">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">主要负责人-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>
                 <li class="list clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p-n">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>-->
      <!--           <li class="list last-safe clearfix"><img src="images/home_img01.png" alt="">
                  <div class="cl-sub clearfix" onclick="window.open('/plan-class-detail.html','_self')">
                      <div class="safe-c">
                          <div class="safe-p train-d"><img src="images/home_label_new.png" alt="">安全管理人员-危险运营单位-2016001</div>
                          <p>本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。本课程主要向大家介绍危险化学品的生产过程及注意事项。同时分享学习这门课的方法和职业规划。</p>
                          <div class="clearfix"><i>￥10.00</i><span>3056人学习</span><span class="das">|</span><span>32课时</span><span class="das">|</span><span>截止时间：2016-12-06</span></div>
                      </div>
                      <div class="safe-con">
                      <div>
                          <p class="fir-p">培训对象：安全管理人员</p>
                          <p>单位类型：危险运营</p>
                          <p>考核性质：复审</p>
                          </div>
                      </div>
                  </div>
                </li>-->
            </ul>
            <div class="next-page clearfix">
                <div id="pageTool"></div>
            </div>
        </div>
        </div>
    <!--content---end-->
<link rel="import" href="footer.html?__inline">
<script>
    $(document).ready(function(){
        $('#pageTool').Paging({pagesize:10,count:100,callback:function(page,size,count){
            console.log(arguments)
        }});
    });
</script>
<script type="text/javascript">

    var indexVm = avalon.define({
        $id:"trainPlansByCondition",
        data:[],
        strTime:function (time) {
            return dataStr(time);
        }
    });


    var param = {
        pageCurrent:1,
        pageSize:5
    };


    function getQueryParam(page){
        param.pageCurrent = page.pageCurrent;
        param.pageSize = page.pageSize;
    }

    function sendPost(param,flag){

        post("home/trainingPlan/getTrainPlansByCondition.do",param,function (data) {
            console.log(data);
            indexVm.data = data;

            getPageInfo(data.page.pageCurrent,data.page.pageSize,data.page.total);

            if(flag){
                pageTool(pageInfo);
            }

        },function (msg) {
            console.log(msg);
        });
    }

    sendPost(param,true);


</script>
</body>
</html>